<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
		<link rel="stylesheet" href="../css/common.css" />
		<style>
			@media screen and (max-width:767px) {
				.login .panel.panel-default {
					width: 90%;
					min-width: 300px;
				}
			}
			
			@media screen and (min-width:768px) {
				.login .panel.panel-default {
					width: 70%;
				}
			}
			
			@media screen and (min-width:1200px) {
				.login .panel.panel-default {
					width: 50%;
				}
			}
		</style>
	</head>

	<body>
		<div class="register">
			<div class="logo">
				<a href="javascript:;"><img src="../img/logo.png" alt="" /></a>
			</div>
			<div class="clearfix" style="margin-bottom:5em;">
				<div class="panel panel-default container">
					<div class="panel-body">
						<form action="" method="post" role="form" id="form1">
							<div class="form-group tips-wrap">
								<label>用户名:<span style="color:red">*</span></label>
								<input name="username" type="text" class="form-control" placeholder="请输入用户名 格式为 3-15 位字符，可以包括汉字、字母（不区分大小写）、数字、下划线和句点">
								<div class="tip">用户名不能为空</div>
							</div>
							<div class="form-group tips-wrap">
								<label>密码:<span style="color:red">*</span></label>
								<input name="password" type="password" id="password" class="form-control" placeholder="请输入不少于8位的密码">
								<div class="tip">密码不能为空</div>
							</div>
							<div class="form-group tips-wrap">
								<label>确认密码:<span style="color:red">*</span></label>
								<input name="password" type="password" id="repassword" class="form-control" placeholder="请再次输入不少于8位的密码">
								<div class="tip">确认密码不能为空</div>
							</div>
							<div class="form-group tips-wrap">
								<label>昵称：<span style="color:red">*</span></label>
								<input type="text" class="form-control" name="nickname" value=""> 
								<div class="tip">昵称为必填项</div>
							</div>
							<div class="form-group tips-wrap">
								<label>真实姓名：<span style="color:red">*</span></label>
								<input type="text" class="form-control" name="realname" value=""> 
								<div class="tip">真实姓名为必填项</div>
							</div>
							<div class="form-group tips-wrap">
								<label>QQ号：</label>
								<input type="text" class="form-control" name="qq" value=""> 
								<!--<div class="tip tips-qq">QQ号不能为空</div>-->
							</div>
							<div class="form-group">
								<label style="display:block;">验证码:<span style="color:red;">*</span></label>
								<input name="code" type="text" class="form-control" placeholder="请输入验证码" style="width:65%;display:inline;margin-right:17px">
								<img src="../img/index.png" class="img-rounded" style="cursor:pointer;">
							</div>
							<!--div class="form-group">
								<label>邀请码:<span style="color:red">*</span></label>
								<input name="invitation" type="text" class="form-control" placeholder="请输入邀请码">
							</div-->
							<div class="pull-right">
								<a href="login.html" class="btn btn-link">登录</a>
								<input type="button" name="submit" value="注册" class="btn btn-default">
								<!--<input name="token" value="e630dd97" type="hidden">-->
							</div>
						</form>
					</div>
				</div>
			</div>
			<div class="center-block footer" role="footer">
				<div class="text-center">
					©2012-2015<a href="javascript:;">宽元网络</a>&nbsp;&nbsp;<a href="javascript:;">浙ICP备14043217号-2</a> </div>
			</div>
		</div>
		<script type="text/javascript" src="../js/jquery-1.11.1.min.js"></script>
		<script type="text/javascript" src="../js/register.js"></script>
	</body>

</html>